<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>测绘</title>
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<link rel="stylesheet" type="text/css" href="../css/fontawesome/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css.page/statistics/statisticsMap.css" />
		<link rel="stylesheet" type="text/css" href="../css/loading.css" />
	</head>

	<body ontouchstart>
		<div class="statistics-map-title hidden">
			<div class="fa fa-angle-left" @click="back"></div>
			<div class="tab">
				<div class="needsclick" @click="heTong">签订合同</div>
				<div class="needsclick" @click="chengGuo">交付成果</div>
				<div class="needsclick" @click="chanZhi">总体款项</div>
			</div>
		</div>
		<div class="statistics-map-body">
			<div class="loader">
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
				<div class="dot"></div>
			</div>
			<div class="statistics-map-list hidden">
				<div class="statistics-map-item" v-for="item in mapData" v-if="indexNum==1">
					<div class="row1">
						<div class="title" v-html="item.PRJNAME"></div>
					</div>
					<div class="row2">
						<div class="fa fa-pencil-square-o" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px;">已签订合同数：{{item.hetong}}个</div>
					</div>
					<div class="row2">
						<div class="fa fa-yen" style="color: #F79C34;"></div>
						<div style="margin-left: 5px;">产值：{{item.OUTPUTVAL}}万元</div>
					</div>
					<div class="row2">
						<div class="fa fa-navicon" style="color: #F79C34;"></div>
						<div style="margin-left: 5px;">测绘类型：{{item.CHTYPE}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color:#00A0E9;"></div>
						<div style="margin-left: 5px;">当前环节：{{item.CURCODE}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-calendar" style="margin-right: 5px; color: #00A0E9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				<div class="statistics-map-item" v-for="item in mapData" v-if="indexNum==2">
					<div class="row1">
						<div class="title" v-html="item.PRJNAME"></div>
					</div>
					<div class="row2">
						<div class="fa fa-flag" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px;">已交付成果数：{{item.chengguo}}个</div>
					</div>
					<div class="row2">
						<div class="fa fa-yen" style="color: #F79C34;"></div>
						<div style="margin-left: 5px;">产值：{{item.OUTPUTVAL}}万元</div>
					</div>
					<div class="row2">
						<div class="fa fa-navicon" style="color: #F79C34;"></div>
						<div style="margin-left: 5px;">测绘类型：{{item.CHTYPE}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-file-text" style="color:#00A0E9;"></div>
						<div style="margin-left: 5px;">当前环节：{{item.CURCODE}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-calendar" style="margin-right: 5px; color: #00A0E9;"></div>
						<div>录入时间：{{item.LRDATE}}</div>
					</div>
				</div>
				
				<div class="statistics-map-item" v-for="item in mapData" v-if="indexNum==3">
					<div class="row1">
						<div class="title">统计周期：{{item.PRJNAME}}</div>
					</div>
					<div class="row2">
						<div class="fa fa-yen" style="color: #39ad2a;"></div>
						<div style="margin-left: 5px;">周到账额：{{item.ZDK}}万元</div>
					</div>
					<div class="row2">
						<div class="fa fa-retweet" style="color: #F79C34;"></div>
						<div style="margin-left: 5px;">历史应收款：{{item.LSK}}万元</div>
					</div>
					<div class="row2">
						<div class="fa fa-navicon" style="color: #00A0E9;"></div>
						<div style="margin-left: 5px;">历史回款额：{{item.LHK}}万元</div>
					</div>
				</div>
				<div class="noData" v-if="mapData.length==0">暂无此类数据</div>
				<div class="statistics-map-noMore" v-if="noMore">没有更多数据了</div>
				<div class="weui-loadmore" v-if="loadMore">
					<i class="weui-loading"></i>
					<span class="weui-loadmore__tips">正在加载</span>
				</div>
			</div>
		</div>

		<div class="statistics-map-cart hidden">
			<div class="title">测绘业务统计图</div>
			<div id="mapCart" class="needsclick"></div>
			<!--内部存放chart-->
		</div>
		<div class="statistics-map-tabbar">
			<div class="needsclick active">数据详情</div>
			<div class="needsclick">数据图</div>
		</div>
	</body>

	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<!--引入图表插件-->
	<script src="../js/hightcharts/highcharts.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/hightcharts/data.js" type="text/javascript" charset="utf-8"></script>

	<script src="../js/fastclick.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js.page/statistics/statisticsMap.js" type="text/javascript" charset="utf-8"></script>

</html>